<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        @font-face {
          font-family: '学并思';
          src: url('./fonts/iconfont.eot');
          src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'),
          url('./fonts/iconfont.woff') format('woff'),
          url('./fonts/iconfont.ttf') format('truetype'),
          url('./fonts/iconfont.svg#iconfont') format('svg');
        }

        .iconfont{
          font-family:"学并思" !important;
          font-size:16px;font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
        .cart{
            font-size: 100px;
            color: red;
        }

    </style>
</head>
<body>
    <i class="iconfont cart">&#xe6c0;学并思</i>
</body>
</html>